.postCon a:link, .postCon a:visited, .postCon a:active{
    text-decoration: none
}
.postCon  a{
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  position: relative;
  display: block;
  margin: 15px 25px;
  letter-spacing: 1px;
  font-weight: 400;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  transition: 0.3s;
  text-align: center;
  text-decoration: none
}
.postCon a::before {
  top: 0;
  left: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
}
.postCon a::after {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.postCon  a::before, .postCon  a::after {
  position: absolute;
  width: 45px;
  height: 1px;
  background: #C3C3C3;
  content: '';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.postCon  a:hover{
    color:  #21759B;
}
.postCon  a:hover::before,
.postCon  a:hover::after,
.postCon  a:focus::before,
.postCon  a:focus::after {
    background: #21759B;
}
.postCon  a:hover::before,
.postCon  a:focus::before {
    left: 50%;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -moz-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%);
}
.postCon  a:hover::after,
.postCon  a:focus::after {
    right: 50%;
    -webkit-transform: rotate(0deg) translateX(50%);
    -moz-transform: rotate(0deg) translateX(50%);
    transform: rotate(0deg) translateX(50%);
}
.postDesc a:link, .postDesc a:visited, .postDesc a:active{
    color: #21759B;
}
.postDesc a {
  border: 1px solid #21759B;
  border-radius: 5px;
  transition: 0.3s;
  color: rgba(187, 0, 187, 0.75);
}
.postDesc a:hover {
  background-color: #21759B;
  color: white;
  transition: 0.3s;
  border-radius: 3px;
}
.catListLink a {
    transition: all 0.1s linear 0s;
}
.catListLink a:hover {
    border-left: 3px solid #21759B;
    padding-left: 3px;
    transition: all 0.1s linear 0s;
    text-decoration: none !important;
}
.catListTag a {
    border: 1px solid #21759B;
  border-radius: 4px;
padding: 1px 1px .5px .5px;
    transition: all 0.1s linear 0s;
    text-decoration: none !important;
    color: #21759B !important;
}
.catListTag a:hover {
    background-color: #21759B  !important;
  color: white  !important;
    transition: all 0.1s linear 0s;
    text-decoration: none !important;
border-radius: 3px;
}
.CalTodayDay u {
    color: white;
    text-decoration: none;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active{
  transition: all 0.1s linear 0s !important;
}
#blog_nav_sitehome {
    display: none !important;
}
#blog_nav_admin {
    display: none !important;
}
#blog_nav_newpost {
    display: none !important;
}
.catListTag li {
    color: #757575 !important;
}
blockquote, q {
  border-left: 4px solid #86bff9  !important;
  padding: 0 1em;
  color: #100e48;
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: none;
}
.postBody blockquote {
    min-height: 35px;
    line-height: 1.6em;
    color: #100E48;
    border: 0px;
}
.cnblogs-markdown .hljs {
    font-family: "Courier New",sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 5px !important;
    color: white;
}
.cnblogs-markdown code {
    font-family: "Courier New",sans-serif !important;
    font-size: 12px !important;
    border: 1px solid rgb(134, 191, 249) !important;
    padding: 0px 5px !important;
    line-height: 1.8;
    margin: 1px 5px;
    vertical-align: middle;
    display: inline-block;
    background-color: rgb(16, 14, 72) !important;
    color: white;
    border-radius: 4px !important;
    box-shadow: 0px 1px 2px #100e48;
}
/* Tomorrow Night Blue Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */

/* Tomorrow Comment */
.hljs-comment,
.hljs-title {
  color: #7285b7;
}

/* Tomorrow Red */
.hljs-variable,
.hljs-attribute,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.html .hljs-doctype,
.css .hljs-id,
.css .hljs-class,
.css .hljs-pseudo {
  color: #ff9da4;
}

/* Tomorrow Orange */
.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant {
  color: #ffc58f;
}

/* Tomorrow Yellow */
.ruby .hljs-class .hljs-title,
.css .hljs-rules .hljs-attribute {
  color: #ffeead;
}

/* Tomorrow Green */
.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.ruby .hljs-symbol,
.xml .hljs-cdata {
  color: #d1f1a9;
}

/* Tomorrow Aqua */
.css .hljs-hexcolor {
  color: #99ffff;
}

/* Tomorrow Blue */
.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.javascript .hljs-title,
.coffeescript .hljs-title {
  color: #bbdaff;
}

/* Tomorrow Purple */
.hljs-keyword,
.javascript .hljs-function {
  color: #ebbbff;
}

.hljs {
  display: block;
  overflow-x: auto;
  background: #002451;
  color: white;
  padding: 0.5em;
  -webkit-text-size-adjust: none;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
  opacity: 0.5;
}
.c_b_p_desc {
    font-size: 14px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
a.c_b_p_desc_readmore {
    color: #8a8989;
}
a.c_b_p_desc_readmore:hover {
    color: #21759b;
}
#cnblogs_post_body h2 {
    font-size: 1.4em;
    border-left: 6px solid #100e48;
    padding: 5px;
    background-color: #86bff9;
    color: white;
    box-shadow: 0px 1px 2px #100e48;
}
#cnblogs_post_body h1 {
    font-size: 1.6em;
    border-left: 8px solid #86bff9;
    border-right: 8px solid #86bff9;
    text-align: center;
    background-color: #100e48;
    padding: 5px;
    color: white;
    text-shadow: 0px 2px 3px #86bff9;
    box-shadow: 0px 1px 5px black;
}
#sideBar h3 {
    border-left: 6px solid #100e48;
    padding: 5px;
    background-color: #86bff9;
    color: white;
    box-shadow: 0px 1px 2px #100e48;
}
#navigator {
    height: 50px;
    clear: both;
    border-left: 8px solid #86bff9;
    border-right: 8px solid #86bff9;
    text-align: center;
    background-color: #100e48;
    padding: 5px;
    color: white !important;
    box-shadow: 0px 1px 5px black;
}
#navigator a:hover {
    color: #86bff9 !important;
    transition: all 0.1s linear 0s;
}
#navigator a {
    color: white !important;
}
div#blog_stats {
    color: #ccc;
}
#blogTitle h1 a {
    color: #100e48;
}
.catListTag li {
    line-height: 1.8;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}
#commentform_title {
    padding-left: 16px;
    border-left: 6px solid #100e48;
    background-color: #86bff9;
    color: white;
    box-shadow: 0px 1px 2px #100e48;
    margin-top: 10px;
}
.author_profile_info a:hover {
    background-color: #21759B;
    color: white;
    transition: 0.3s;
    border-radius: 3px;
}
.author_profile_info a {
    border: 1px solid #21759B;
    border-radius: 5px;
    transition: 0.3s;
    color: #21759B;
    text-decoration: none !important;
}